<template>
  <div class="index">
    <van-tabs v-model="activeName"  color="cornflowerblue" line-height="1px" title-active-color="cornflowerblue" >

      <van-tab title="正在热映">
        <NowPlay></NowPlay>
      </van-tab>
      <van-tab title="即将上映">
        <FuturePlay></FuturePlay>
      </van-tab>
    </van-tabs>
    <MyFooter></MyFooter>

  </div>
</template>

<script>
// @ is an alias to /src
import NowPlay from "@/views/NowPlay";
import FuturePlay from "@/views/FuturePlay";
import MyFooter from "@/views/layout/MyFooter";
export default {
  name: 'Home',
  components: {
    MyFooter,
    FuturePlay,
    NowPlay
  },
  data(){
    return{
      activeName: 0,
      searchValue:'',
      list: [],
      loading: false,
      finished: false,
    }
  },
  methods:{

  }
}
</script>

<style>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}


</style>
